<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 7]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 oldie"> <![endif]-->
<!--[if IE 9]> <html xmlns="http://www.w3.org/1999/xhtml" class="ie9"> <![endif]-->
<!--[if gt IE 9]> --> <html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Apply Online</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
	<div class="wrapper"><div class="header">
    	<div class="top-bar">
        	<div class="main-container clearfix">
            	<a href="#" class="">Log out</a>
                <div class="user">Welcome/ Nourhan Mahmoud Kamel</div>
            </div>
        </div>
        <div class="main-container clearfix">
        	<h1 class="logo">
            	<a href="#">
                	FUTURE UNIVERSITY
                    <span></span>
                </a>
			</h1>
            <a href="index.html" class="apply"></a>
        </div>
    </div>
    <div class="content clearfix">
    	<div class="main-container clearfix">
        	<div class="white-area clearfix">
            	<div class="nav">
                	<ul>
                    	<li>
                        	<a href="index.html">
                            	Home
                            </a>
                        </li>
                        <li>
                        	<a href="profile1.html">
                            	My Profile
                            </a>
                            
                        </li>
                        <li>
                        	<a href="upload-papers.html">
                            	Upload Papers
                            </a>
                        </li>
                        <li>
                        	<a href="messaging-inbox.html">
                            	Messaging
                                <span class="messages-counter">17</span>
                            </a>
                        </li>
                        <li>
                        	<a href="support.html">
                            	Support
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="home-center">
                	<h3>FUE Apply Online System</h3>
                    <p>
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget nisl nisi. Vestibulum mattis scelerisque libero, sit amet bibendum tellus mollis nec. Proin ornare, leo non tempus sagittis, nibh arcu scelerisque sem, sit amet vestibulum mi ante et risus. Donec pharevel ullamcorper aliquam. Nulla at auctor nisl. Pellentesque dignissim vulputate elit nec auctor. Maecenas vel vestibulum ligula! In lobortis quis ipsum lacinia pellentesque.
                    </p>
                    <div class="gray-box clearfix">
                    	<ul>
                        	<li>
                            	<span class="topLeft corner"></span>
                                <span class="topRight corner"></span>
                                <span class="bottomLeft corner"></span>
                                <span class="bottomRight corner"></span>
                                <a href="profile1.html">
                                <div class="icon profile-icon"></div>
                                <div class="details">
                                	<span>My Profile</span>
                                    <p>
                                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. scelerisque libero.
                                    </p>
                                </div>
                                </a>
                            </li>
                            <li>
                            	<span class="topLeft corner"></span>
                                <span class="topRight corner"></span>
                                <span class="bottomLeft corner"></span>
                                <span class="bottomRight corner"></span>
                                <a href="upload-papers.html">
                                <div class="icon upload-doc"></div>
                                <div class="details">
                                	<span>Upload Papers</span>
                                    <p>
                                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. scelerisque libero.
                                    </p>
                                </div>
                                </a>
                            </li>
                            <li>
                            	<span class="topLeft corner"></span>
                                <span class="topRight corner"></span>
                                <span class="bottomLeft corner"></span>
                                <span class="bottomRight corner"></span>
                                <a href="messaging-inbox.html">
                                <div class="icon message"></div>
                                <div class="details">
                                	<span>Messaging</span>
                                    <p>
                                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. scelerisque libero.
                                    </p>
                                </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <p>
                    	Suspendisse potenti. Mauris vitae rhoncus enim, sit amet hendrerit dolor. Aenean augue augue, blandit et dignissim sit amet, tempus eu mauris! Pellentesque gravida sollicitudin convallis. Mauris sit amet rhoncus massa. In et pellentesque tellus! Nam ut tellus in massa porta interdum.
                    </p>
                </div>
                <div class="topics">
                	<h3>TOPICS</h3>
                    <ul>
                    	<li class="clearfix">
                        	<a href="#" class="icon">
                            	<img src="images/features.png" alt="" />
                            </a>
                            <div class="details">
                            	<a href="#">Features</a>
                                <p>
                                	Vestibulum ligula In auctor lobortis quis ipsum lacinia pellentesque.
                                </p>
                            </div>
                        </li>
                        <li class="clearfix">
                        	<a href="#" class="icon">
                            	<img src="images/help.png" alt="" />
                            </a>
                            <div class="details">
                            	<a href="#">Help</a>
                                <p>
                                	Vestibulum ligula In auctor lobortis quis ipsum lacinia pellentesque.
                                </p>
                            </div>
                        </li>
                        <li class="clearfix">
                        	<a href="#" class="icon">
                            	<img src="images/news.png" alt="" />
                            </a>
                            <div class="details">
                            	<a href="#">News</a>
                                <p>
                                	Vestibulum ligula In auctor lobortis quis ipsum lacinia pellentesque.
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="footer">
    	<div class="main-container">
        	<div class="footer-center">
            	Copyright © 2014[Future University in Egypt]. All rights reserved.
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>
